import React, {StyleSheet, Dimensions, PixelRatio, Platform, StatusBar} from "react-native";

export const screenWidth = Dimensions.get("window").width;
export const screenHeight = Dimensions.get("window").height;
export const navBarHeight = (Platform.OS === 'ios') ? iosnavHeaderHeight : andrnavHeaderHeight;

export const statusHeight = (Platform.OS === 'android') ? StatusBar.currentHeight : 25;
export const drawerWidth = screenWidth / 3 * 2;

export const shadowRadius = (Platform.OS === 'android') ? 5 : 2;
export const elevation = (Platform.OS === 'android') ? 2 : 1;

// 颜色部分
export const miWhite = '#ececec';
export const white = '#FFF';
export const transparentColor = '#00000000';

export const mainBackgroundColor = '#F02A4B';
export const tabBackgroundColor = '#ffffff';
export const cardBackgroundColor = '#FFF';
export const cardShadowColor = '#000000';
export const actionBlue = '#267aff';

export const lineColor = '#42464b';

export const primaryColor = '#24292e';
export const primaryDarkColor = '#121917';
export const primaryLightColor = '#42464b';

export const webDraculaBackgroundColor = '#282a36';


export const selectedColor = primaryDarkColor;

export const titleTextColor = miWhite;
export const mainTextColor = primaryDarkColor;
export const subTextColor = '#959595';
export const subLightTextColor = '#c4c4c4';
export const TextColorWhite = '#FFFFFF';
export const TextColorMiWhtte = miWhite;

export const tabSelectedColor = primaryColor;
export const tabUnSelectColor = '#a6aaaf';


/****************大小****************/
// navbar 高度
export const iosnavHeaderHeight = 70;
export const andrnavHeaderHeight = 70;

export const largetTextSize = 30;
export const bigTextSize = 23;
export const normalTextSize = 18;
export const middleTextWhite = 16;
export const smallTextSize = 14;
export const minTextSize = 12;


// tabBar 高度
export const tabBarHeight = 44;
export const tabIconSize = 20;


export const normalIconSize = 40;
export const bigIconSize = 50;
export const largeIconSize = 80;
export const smallIconSize = 30;
export const minIconSize = 20;
export const littleIconSize = 10;


export const normalMarginEdge = 10;
export const normalNumberOfLine = 4;

const styles = StyleSheet.create({
    navigationBar: {
        backgroundColor: mainBackgroundColor,
        elevation: 0
    },
    titleTextStyle: {
        color: white,
    },
});
export default styles;
